<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="containerA">
        <img class="beijing" src="beijin.jpg" />
        <div class="AGTDP">
            <h2 id="AG">Anonymous group
                <p>Team design presentation</p>
            </h2>
        </div>
        <div class="daohang">
            <div class="shou">
                <li>
                    <a href="#AG">
                        <b id="sy"><img src="shouye.png" width="50" height="50" /></b>
                    </a>
                </li>
            </div>
            <div class="xing">
                <li>
                    <a href="#DL">
                        <b id="xq"><img src="xingqv.png" width="50" height="50" /></b>
                    </a>
                </li>
            </div>
            <div class="zuo">
                <li>
                    <a href="#IW">
                        <b id="zp"><img src="zuoping.png" width="50" height="50" /></b>
                    </a>
                </li>
            </div>
        </div>
        <div class="TI">
            <h3 id="kuangA">Team Introduction</h3>
        </div>
        <div class="ITGWA">
            <h3 id="TGE">Introduction to group work</h3>
        </div>
        <div class="TG">
            <h4 id="WD">This group's web design first determined the composition and content
                <dr>according to the discussion situation, collected the information of each group member, </dr>
                <dr>and then unified summary and typesetting.</dr>
            </h4>
        </div>
        <div class="bai">
            <div class="TIPW">
                <h2 id="DL">Team Introduction
                    <p>Personal web design links</p>
                </h2>
            </div>
            <div class="HCL">
                <b><img class="LONG" src="huang.jpg" width="150" height="150" /></b>
                <a id="mingA">
                    <a href="http://huang-chunlong.gitee.io/final-assignment">
                        <h4 class="xingA">Huang Chunlong</h4>
                    </a>
                </a>
                <div class="yanA">Fight hard and act with determination</div>
            </div>
            <div class="GDB">
                <b><img class="BING" src="gudb.jpg" width="150" height="150" /></b>
                <a id="mingB">
                    <a href="http://gu-dabin.gitee.io/personal-web-sites">
                        <h4 class="xingB">Gu Dabin</h4>
                    </a>
                </a>
                <div class="yanB">Be firm and persistent</div>
            </div>
            <div class="ZY">
                <b><img class="ZENG" src="zengy.jpg" width="150" height="150" /></b>
                <a id="mingC">
                    <a href="http://zeng-you.gitee.io/final-assignment">
                        <h4 class="xingC">Zeng You</h4>
                    </a>
                </a>
                <div class="yanC">Hundred foot pole head, further</div>
            </div>
            <div class="ZGC">
                <b><img class="ZHANG" src="zhanggc.jpg" width="150" height="150" /></b>
                <a id="mingD">
                    <a href=" http://zhang-guochuan.gitee.io/personal-web-sites">
                        <h4 class="xingD">Zhang Guochuan</h4>
                    </a>
                </a>
                <div class="yanD">Persevere and persevere</div>
            </div>
            <div class="ITGWB">
                <div class="IB">
                    <h2 id="IW">Introduction to group work</h2>
                </div>
                <a><img class="chaA" src="jiuzai.jpg" width="200px" height="130px" /></a>
                <a><img class="chaB" src="lufu.jpg" width="200px" height="130px" /></a>
                <a><img class="chaC" src="keluo.jpg" width="200px" height="130px" /></a>
                <a><img class="chaD" src="puluo.jpg" width="200px" height="130px" /></a>
                <a><img class="chaE" src="jvshi.jpg" width="200px" height="130px" /></a>
                <a><img class="chaF" src="helan.jpg" width="200px" height="130px" /></a>
                <a><img class="chaG" src="lundun.jpg" width="200px" height="130px" /></a>
                <a><img class="chaH" src="jieke.jpg" width="200px" height="130px" /></a>
            </div>
        </div>
    </div>
    <div class="weizhu">
        <div class="QQ">
            <a><img src="qq.png" width="30" height="30" /></a>
        </div>
        <div class="WX">
            <a><img src="weixing.png" width="30" height="30" /></a>
        </div>
        <div class="WB">
            <a><img src="weibo.png" width="30" height="30" /></a>
        </div>
        <div class="WXM">
            <h3 id="XM">GUO CHUAN ZHANG</h3>
        </div>
        <div class="LG"><img src="logo.png" width="40" height="40" /></div>
        <h4 class="WM">Anonymousgroup</h4>
    </div>
    </div>
    </div>

</body>

</html>